{% extends "page.html" %}

{% block body %}
{% set page_class = "docs single" %}
{% endblock body %}

{% block header %}
{# This value is matched by the config.extra.menu.main~url #}
{% set current_section = "docs" %}
{{ macros_header::header(current_section=current_section)}}
{% endblock header %}

{% block content %}
<div role="document">
  <div class="bg-redrust text-background dark:bg-zinc-900">
    <div class="container xl:max-w-[80rem]">
      <aside class="w-full">
        {{ macros_sidebar::docs_sidebar(current_section=current_section) }}
      </aside>
    </div>
  </div>
  <div
    class="container flex-1 items-start">
    <main class="py-6 xl:grid xl:grid-cols-[1fr_450px] xl:max-w-[80rem] xl:mx-auto">
      <div class="mx-auto w-full min-w-0">
        <div class="markdown prose dark:prose-invert max-w-[60rem] md:pr-12 sm:pr-0">
          <h1 class="mb-10 mt-[9px]">{{ page.title | safe }}</h1>
          {% if page.extra.lead %}<p class="lead">{{ page.extra.lead | safe }}</p>{% endif %}

          {{ page.content | safe }}

          {% if config.extra.edit_page %}
          {{ macros_edit_page::docs_edit_page(current_path=current_path) }}
          {% endif %}
          {{ macros_navigation::docs_navigation(page=page, current_section=current_section) }}
        </div>
      </div>

      <div class="hidden text-sm xl:block">
        <div class="bg-gray-50 p-2 mt-[90px] border border-gray-200 rounded-sm dark:bg-zinc-900">
        {{ macros_toc::docs_toc(page=page) }}
        </div>
      </div>

    </main>

  </div>



</div>


</div>
{% endblock content %}
